<script setup>
// 这里是第三层的后代子组件

import { inject } from 'vue';

// 通过依赖注入得到最外层的数据和函数
const count = inject('count')
const updateCount = inject('updateCount')
</script>

<template>
  <div class="child">
    这里是第三层的后代子组件 {{ count }}
    <button @click="updateCount">第三层控制数据修改</button>
    </div>
</template>

<style>
.child {
  border: 1px solid salmon;
  padding: 10px;
}
</style>